    <!DOCTYPE html>    
    <html>
    <head>
        <meta charset="utf-8">    
        <title>ForeHead</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">    
        <!-- 新 Bootstrap 核心 CSS 文件 -->    
        <link rel="stylesheet" type="text/css" href="/Public/css/base.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/frozen.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/jquery.mobile-1.4.5.min.css">
        <script type="text/javascript" src="/Public/js/jquery.mobile-1.4.5.min.js"></script>
        <style type="text/css">
        body{
                background-color: #f4f4f4;
                color: #8D949A;
            }
            .content{
                 position: absolute;
                left: 0;
                right: 0;
                overflow-x:hidden;
                overflow-y:auto;
                padding-bottom: 49px !important;
            }
            .interview-content{
               width: 100%;
               margin-top: 20px;
               background-color: white;
               color: gray;
            }
            .interview{
                width: 90%;
                margin: 10px auto;
            }
            .interview-text{
                width: 100%;
                height: 50px;
                border-bottom: 1px solid gray;
            }
            .interview-title{
                padding-top: 10px;
            }
            .person .interview-text,.linkType .interview-text{
                height: 30px !important;
            }
            .linkType{
                padding-bottom: 30px !important;
            }
            .interview-send{
                width: 90%;
                height: 40px;
                margin: 40px auto;
                background-color: #34d098;
                color: white;
                line-height: 40px;
                border-radius: 2px;
                padding: 0 !important;
                border:0px;
                font-size: 18px;
                text-align: center;
            }
            .interview-tip{
                padding: 20px 10px;
            }
            .tip{
                background-color: white;
                padding: 10px 16px;
                font-size: 12px;
            }
            .tip span{
                color: #34d098;
            }
            .left{
                width: 35%;
                float: left;
                margin-left: 16px
            }
            .right{
                width: 35%;
                float: right;
                margin-right: 16px;
            }
            .to{
                margin: 17px 0;
                text-align: center;

            }
        </style>
    </head>
    <body>
    <form action="/addon/JianCai/JianCai/tryItPost" method="post">
        <div class="content">
            <div class="tip">
                请填写<span>{$resume['candidate']}</span>在<span>{$job['jobName']}</span>职位的试用信息
            </div>
            <div class="recommend">
                <div class="recommend-title ">试用信息</div>
                <div class="recommend-content baseInfo">
                    <div class="recommend-name">试用期时间</div>
                    <input type="hidden" name="resumeId" value="{$resume['id']}">    
                    <!-- 
                    -->
                   
                   <!--  <div class="recommend-btn left">
                        
                        <img src="img/下拉箭头.svg"></div>

                    <div class="recommend-btn right">
                        
                    <img src="img/下拉箭头.svg"></div>
                    <div class="to">
                        至
                    </div> -->
                     <input class="recommend-btn left" type="date" name="tryStart" id="date" value="" placeholder="开始时间">
                    <input class="recommend-btn right" type="date" name="tryEnd" id="date" value="" placeholder="结束时间">
                    <div class="to">
                        至
                    </div>

                    <div class="recommend-name">工作地点</div>
                    <input type="text"  class="recommend-btn" name="tryPlace" placeholder="请输入详细地址"></div>
            </div>
            <div class="recommend">
                <div class="recommend-title ">联系人信息</div>
                <div class="recommend-content baseInfo">
                    <div class="recommend-name">联系人</div>
                    <input type="text" class="recommend-btn" name="tryPerson" placeholder="请输入联系人">    

                    <div class="recommend-name">联系方式</div>
                    <input type="tel"  class="recommend-btn" name="tryPhone" placeholder="请输入联系方式"></div>
            </div>
            <div class="interview-send">发送</div>
        </div>
        <div class="ui-dialog">
            <div class="ui-dialog-cnt">
                <div class="ui-dialog-bd changed">
                    <img src="/Public/img/已发送.svg">    
                    <h4>发送成功</h4>
                </div>
            </div>
        </div>
    </form>
    </body>
    <script type="text/javascript" src="/Public/js/zepto.min.js"></script>
    <script type="text/javascript" src="/Public/js/frozen.js"></script>
    <script type="text/javascript">
       $(".interview-send").on("click",function(){
            $.tips({
                content:'发送成功',
                stayTime:2000,
                type:"success"
            })
            $("form").submit();
            // setTimeout(function(){
            //     window.location.href="/addon/JianCai/JianCai/usePeople.html";
            // }, 1000);
       })
    </script>
    </html>